/*
Theme Name: qituo web desgin
Theme URI: http://www.yxwlgs.net/
Author: YixingSEO qq66866111
Author URI: https://www.yxwlgs.net/
Description: 企业网站定制 for qituo web desgin
*/

.logo{max-width: 300px;}
.top{font-size:14px;padding:10px 0;color:#666;box-shadow: 0 1px 5px 1px #ddd;
    background-color: #fff;
}
.top .links a:link,.top .links a:visited{padding-left: 15px;color:#666;}
.top a:hover{color:#66ccff}

a:link,a:visited{color:#333;}
a:hover{text-decoration: none;}

.tp{display: flex;width:260px;float:right}
.tp-text{padding-left:1em;}
.tp-text span{color:#999;display: block;}
.tp-text strong{font-size:28px;line-height: 130%;color:#ff0000;font-family: "Impact","Microsoft YaHei","Arial";font-weight: normal;}

.top-padding{padding-top: 100px;}

.htitle{text-transform: uppercase;text-align: center;}
.htitle .tit1{font-size:36px;color:#000;font-weight: bold;}
.htitle .tit2{color:#999;padding-top:15px}

.btitle{text-transform: uppercase;text-align: center;}
.btitle span{color:#000;}
.btitle .tit1{font-size:40px;font-weight: bold;color:#0067D0; }
.btitle .tit2{font-size:16px;color:#666;}
.btitle .tit3{width: 100%;font-size:28px;color:#0066cc}

.banner .ani-wrap{position: absolute;top:40%;left: 50%;z-index: 999;transform: translateY(-30%) translateX(-50%);}
.banner .ani-text{text-align: center;color:#fff;text-shadow: 1px 1px 1px #333;} 
.banner .ani-text .t1{font-size:40px;}
.banner .ani-text .t2{text-transform: uppercase;font-size:14px;}
.banner .ani-text .t3{font-size:20px;}
.banner .ani-text .t4{padding-top: 30px;display: none;}
.banner .ani-text .t4 a{width:70px;height: 70px;border-radius: 50%;color:#fff;background-color: #fff;display: block;
    text-align: center;line-height: 70px;margin:auto;font-weight: bold;color:#666;text-shadow: none;
}
.banner .ani-text .line{width:100px;height: 1px;border-top: 1px solid #fff;margin:30px auto}
/* .swiper-slide{height: 50vh;} */
.banner .img-inner{height: 60vh;width:100%;background-size: 100% auto;}
.aniimg .img-inner,.test{animation: bgani 5s infinite;min-height: 500px;animation-direction:alternate;animation-fill-mode:forwards;}
@keyframes bgani{
    0%{background-size: 100% auto;}
    100%{background-size: 105% auto;}
}

.text figure,.text img{max-width: 100%;overflow: hidden;}

.gallery-top {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.gallery-top .swiper-slide,.gallery-thumbs .swiper-slide{
    background-size: cover;
    background-position: center;
}
.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 150px;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.gallery-top .swiper-slide{position: relative;}
.gallery-top .swiper-slide .tit{position: absolute;bottom: 0;text-align: center;width:100%;padding:10px;}
.gallery-top .swiper-slide span{background-color: rgba(0,0,0,.6);color:#fff;font-size: 20px;padding:5px 15px;border-radius: 5px;}

.lphone{color:#fff;text-align: center;background: url(images/lphone.png) right top no-repeat;min-height: 85px;
    text-align:left;margin-right: 15px;padding-left: 15px;}
.lphone p{font-size:16px;}
.lphone p strong{font-size:24px;font-weight: bold;font-style: italic;}

.banner{position: relative;}
.banner-search{width:100%;padding:10px 0;box-shadow: 1px 1px 3px #ddd;color:#999;font-size:14px;line-height: 38px;}
.banner-search a:link,.banner-search a:visited{color:#999;font-size:14px;}
.banner-search a:hover{color:#000;}
.banner-search .wrap{background-color: #fff;}
.search-wrap{display: flex;justify-content: flex-end;}

.navbar-brand{display: none;}

.tit-wrap{display: flex;flex-direction: column;height: 100%;justify-content: space-between;background-color: #f1f1f1;padding:22px;}
.tit-wrap .btitle{text-align: left;}
.tit-wrap .tit2{font-size:40px;color:#aaa;font-weight: normal;text-transform:capitalize;font-family:'Times New Roman', Times, serif}

.bline{position: relative;padding-bottom: 10px;}
.bline::after{content:'';position: absolute;width:50%;height: 3px;background: #66ccff;left: 0;bottom: 0;}
.text{line-height: 2em;font-size:16px;}

.news-block figure{overflow: hidden;background-color: #fafafa;padding:15px;height: 100%;transition: all ease .5s;border:1px solid #ccc;}
.news-block figure p{font-size:14px;color:#666;margin:0;}
.news-block .item:hover figure{box-shadow: 3px 3px 3px #999;transform: translateY(-10px);border-color: #009900;}
.news-block figcaption{padding:10px 0;}

.hp .item .tit{text-align: center;font-size:14px;padding-top:5px;}

/* 公司简介更多链接 */
.more-link>a{color:#fff;border:1px solid #009900;color:#009900;
    display: inline-block;height: 40px;line-height: 40px;width:120px;text-align: center;
    position: relative;transform: perspective(1px) translateZ(0);
}
.more-link>a:hover{color:#fff;}
.more-link>a::before{content:'';background: #009900;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;transform: scaleX(0);transition: all ease .3s;}
.more-link>a:hover::before{background-color:#009900 ;transform: scaleX(1);}


.home-about{background:url(images/bj18.jpg) top center no-repeat;background-attachment: fixed;min-height: 60vh;}
.home-about .wrap-img{position: relative;}
.home-about .text{color:#fff;font-size:16px;line-height: 2em;}
.home-about .text a:link,.home-about .text a:visited{color:#fff}
.home-about .btitle .tit3{color:#f1f1f1}

.home-about .more-link>a{color: #090;;background-color: #fff;}
.home-about .more-link>a:hover{color:#fff;}
.home-about .more-link>a::before{background: #009900;}
.home-about .more-link>a:hover::before{background-color:#009900 ;}



.hnews1 .item{height: 100%;font-size: 14px;}
.hnews1 .item .tit{padding:10px 0;}
.hnews1 .item p{margin: 0;padding:0;color:#999;font-size: 14px;}

h1.page-title{font-size:32px;font-weight: normal;padding:15px 0;}

.pagenav{border-bottom: 1px solid #ddd;}
.pagenav .nav-link{display: block;padding:20px 35px;}
.pagenav .nav .active{background: #009900;color:#fff;}

.ad{background: url(images/_banner1.jpg);background-attachment: fixed;}


.nb1{color:#009900;}
.nb1 .item{background-color: #fff;height: 100%;width:150px;height: 150px;border-radius: 50%;
    margin:0 auto 15px auto;box-shadow: 1px 1px 3px 0px #333;cursor: pointer;}
.nb1 .item .tit{font-size:20px;text-align: center;color:#333;}
.nb1 .item .icon {font-size:45px;text-align: center;padding-top:15px;transition: all ease .3s;}
.nb1 .item p{padding:10px;display: none;}
.nb1 .item:hover .icon{transform: translateY(8px);}

.catlist .nav{display: flex;justify-content: center;}
.catlist .nav li{padding:0 1px;}
.catlist .nav a{display: block;padding:10px 15px;background-color: #009900;color:#fff;}
.catlist .nav a:hover{background: #333;}
.catlist .title{padding:20px;color:#fff;}
.catlist .title .tit1{font-size:32px;font-weight: bold;}


.about-video{overflow: hidden;}
.about-video video{max-width: 100%;}

.mynav ul{justify-content: center;}
.mynav ul li{padding:0 2px;}
.mynav ul li a{background: #000;padding:15px 20px;color:#fff;position: relative;display: inline-block;
    transform: perspective(1px) translateZ(0);
}
.mynav ul li a::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ff0000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.mynav ul li a:hover:before{transform: scale(1);}
/* .mynav ul li a:hover{background: #000;} */


.img_list1 .item .wrap-img{border:1px solid #ccc;}
.img_list1 .item .tit{text-align: center;padding:10px 0;}

.numCount .item{padding:15px;background: #ff0000;text-align: center;}
.numCount .item .bignum{font-size:30px;font-weight: bold;color:#fff;line-height: 40px;}
.numCount .item .unitC{font-size:16px;font-weight: normal;padding-left: 5px;}
.numCount .item .tit{color:#ddd;}
.numCount>div:nth-child(1),.numCount>div:nth-child(2){padding-bottom: 15px;}

.index1{background-color: #f1f1f1;}
.index1 .more a:link,.index1 .more a:visited{color:#fff;}
.index1 .more a:hover{color:#333;}

.pro-nav{padding:15px 0;}
.pro-nav ul{width:100%;justify-content: space-around;flex-wrap: nowrap !important; gap: 10px;}
.pro-nav ul li{width:100%;}
.pro-nav ul li a{text-align:center;display: block;background: #000;padding:15px;color:#fff;}
.pro-nav ul li a:hover{background: #0678be;}


.img-scale{overflow: hidden;text-align: center;}
.img-scale img{transition: all ease .5s;}
.img-scale:hover img{transform: scale(1.2);}



.index1{background-color: #f1f1f1;}
.index1 .more a:link,.index1 .more a:visited{color:#fff;}
.index1 .more a:hover{color:#333;}

.footer{background: #006699 url(images/about-bg.png);color:#fff;padding:50px 0 15px 0;}
.footer p{margin:0;}

.footer .item{margin:0;padding:0;list-style-type: none;}
.footer .widgettitle{padding:15px 0;}
.footer .item .menu{margin:0;padding:0;list-style-type: none;color:#fff;line-height: 2em;}
.footer .item .menu a:link,.footer .item .menu a:visited{color:#fff;font-size:14px;transition: all ease .3s;display: block;}
.footer .item .menu a:hover{transform: translateX(5px);color:#c5ffde}
.footer .item .menu a::before{content: '-';padding-right: 5px;}
.footer .item .textwidget{font-size:14px;line-height: 2em;}
.footer .footer4 .textwidget{font-size:18px;}
.footer .footer4 .textwidget strong{font-weight: normal;font-size:22px;}
.footer .footer4 .textwidget p:nth-child(2){font-size:14px;}
.footer .footer4 .textwidget p:nth-child(3){font-size:16px;}
.footer .sub-menu{display: none;}
.footer .container{margin-bottom: 15px;}
.footer .copyright{border-top:1px solid #fff;padding:15px 0 0 0;font-size:14px;line-height: 2em;}
.footer .copyright p{margin:0;color:#fff}
.footer .copyright a:link,.copyright a:visited{color:#fff;}
.footer .copyright a:hover{color:#c5ffde}

.main{padding:1rem 0;}

.archive-product{padding:15px;}
.archive-product .item{margin-bottom: 15px;}
.archive-product .item .tit{text-align: center;padding:10px 0;font-size:14px;}
.single-title{text-align: center;font-size:30px;padding:15px;margin:0;color:#009900;}

.page-content{background: #fff ;}
.page-content .text{padding:15px;color:#666;}
.page-content .text h3{font-size:20px;color:#009900;font-weight: bold;}
.page-content .text img{max-width: 100%;height: auto;}

.archive-news{padding:15px;}
.archive-news .item{display: block;height: 100%;border:1px solid #ddd;transition: all ease .3s;}
.archive-news .item:hover{transform: translateY(-5px);box-shadow: 1px 1px 3px #ccc;}
.archive-news .item a{display: flex;height: 100%; flex-direction: column;}
.archive-news .item .tit{font-size:20px;color:#009900}
.archive-news .item .desc{padding:15px 0;color:#666;font-size:14px;}
.archive-news .item .date{color:#999;text-align: right;padding-right: 15px;font-family: Arial, Helvetica, sans-serif;padding-bottom: 15px;}
.archive-news .item .more{border-top:1px solid #ddd;padding:10px 0;font-size:14px;color:#666;position: relative;justify-self: flex-end;}
.archive-news .item .more::after{content: "\f061";position: absolute;right: 0;top:50%;transform: translateY(-50%) translateX(-20px);
    font: normal normal normal 14px/1 FontAwesome;transition: all ease .5s;}
    .archive-news .item:hover .more::after{transform: translateY(-50%) translateX(0) scale(1.5);color:#009900}    

.archive-news .news-list{background-color: #fff;padding:15px;}
.archive-news .news-list article{border-bottom: 1px solid #ddd;margin-bottom: 15px;}
.archive-news .news-list article header{color:#0678be}
.archive-news .news-list article .info{color:#666;line-height: 2em;font-size:14px;}
.archive-news .news-list article:hover{border-bottom: 1px solid #0678be;}
.page-content .text>p{text-indent: 2em;}
.page-content table td,.page-content table tr{border:1px solid #ddd;padding:5px;}

ul.pro-desc{margin:0;padding:0;list-style-type: none;display: flex;flex-direction: column;justify-content:space-around;height: 100%;}
ul.pro-desc li{border-bottom: 1px solid #ddd;padding:0 10px;font-size:14px;padding:10px;}

.single-ad{background: url(images/titbg.jpg);color:#fff;padding:20px 0;text-align:center;}
.single-ad h3{color:#fff;}
.single-ad p{font-weight: 300;}
.single-ad p strong{font-size:22px;font-style: italic;font-weight: bold;}
ul.pagination{padding-bottom: 15px;}

/*公共*/
.py-6{padding:100px 0;}
.img-scale{overflow: hidden;text-align: center;}
.img-scale img{transition: all ease .5s;}
.img-scale:hover img{transform: scale(1.2);}
.pronav{background: #fff;}
.pronav .nav{width:100%;justify-content: center;}
.nav-pills .nav-link {border-radius: 0;}

/*新闻*/
.news-img{position: relative;}
.news-img .tit{position: absolute;bottom: 0;width:100%;background-color: rgb(0,0,0,0.8);text-align: center;padding:10px 0;color:#fff;}
.newsbox{margin:0;padding:0;}
.newsbox li{display: flex;margin-bottom: 15px;background-color: #fff;}
.newsbox li:hover{background-color: #cfecff;}
.newsbox li .dt{width:85px;height: 85px;background-color: #0678be;text-align: center;}
.newsbox li .dt .day{font-size:30px;font-weight: bold;color:#fff;line-height: 100%;padding-top: 15px;}
.newsbox li .dt .year-month{color:#f1f1f1;padding-top:5px;}
.newsbox .info{flex:1;padding:4px 10px;position: relative;}
.newsbox .info .tit{padding-bottom: 5px;font-size:16px;padding-top:5px;}
.newsbox .info .desc{color:#666;font-size:14px;}

/*侧边栏小工具*/
.silder1{background: #fafafa;height: 100%;}
.silder1 .xgj{margin:0;padding:0;list-style-type: none;}
.silder1 .xgj>li{padding:0 0 15px 0;}
.silder1 .widgettitle{background-color: #0678be;padding:20px 0;color:#fff;font-size:22px;font-weight: bold;text-align: center;margin-bottom: 1px;}
.silder1 .widgettitle::before{padding-right: 5px;}
.silder1 .search-form{display: flex;padding-top:15px;justify-content: space-around;}
.silder1 .search-form .search-field{height: 35px;line-height: 35px;text-indent: 5px;border:1px solid #ddd;}
.silder1 .search-form .search-submit{height: 35px;line-height: 35px;border:none;background-color:darkcyan; color:#fff;padding:0 20px;}
.silder1 .search-form .screen-reader-text{display: none;}

.silder1 .widget_nav_menu .menu{margin:0;padding:0;list-style-type: none;}
.silder1 .widget_nav_menu .menu>li{margin-bottom: 1px;font-size:16px;}
.silder1 .widget_nav_menu .menu>li>a{background-color: #f1f1f1;color:#333;display: block;height: 45px;line-height: 45px;padding:0 15px;}
.silder1 .widget_nav_menu .menu>li>a::before{content: '\f0da';font:normal normal normal 16px/1 FontAwesome;padding-right: 10px;}
.silder1 .widget_nav_menu .menu>li>a:hover{background-color: #0678be;color:#fff;}
.silder1 .widget_nav_menu .sub-menu{display: flex;flex-direction: column; margin:0;padding:0;list-style-type: none;}
.silder1 .widget_nav_menu .sub-menu li{font-size:14px;border-bottom: 1px dotted #ddd;}
.silder1 .widget_nav_menu .sub-menu li a{display: block;padding:10px;background-color: #fff;}
.silder1 .widget_nav_menu .sub-menu li a::before{content: '-';padding-right: 5px;color:#666;}
.silder1 .widget_nav_menu .sub-menu li a:hover{background-color: #f1f1f1;}

.silder1 .textwidget{margin-bottom: 0;}
.silder1 .textwidget p{margin-bottom: 0;}
.silder1 .textwidget{padding:15px;line-height: 2em;color:#666;}

/*分页*/
.pagelist {padding:1rem 0;font-size: 14px;list-style-type: none;display: flex;justify-content: center; }
.pagelist span, .pagelist a {padding: 8px 15px;background-color: #ddd;color: #333;margin-right: 1px;display: block; }
.pagelist a:hover,.pagelist .current {background-color: #333; color:#fff;}
.pagination{justify-content:center;}

/*内页*/
.main{padding:1rem 0;}
.page-path{background:#0678be;color:#333;padding:12px;color:#fff;}
.page-path a:link,.page-path a:visited{color:#fff;}
.page-path a:hover{color:#ddd;}


/*滚动*/
.gd{width:100%;overflow: hidden;}
.gd ul{display: flex;margin:0;padding:0;list-style-type: none;}
.gd ul li{margin-right: 15px;}
.gd ul li img{width:auto;}
.btn-service a:link,.btn-service a:visited{color:#0678be;background: #fff;padding:15px 25px;font-size:20px;font-weight: bold;border-radius: 5px;}
.btn-service a:hover{background: #0678be;color:#fff;}

/*编辑器*/
.gallery .gallery-item{transition: all ease .3s;padding:5px;/*margin:0;*/}
.gallery .gallery-item:hover{transform: translateY(-5px);box-shadow: 1px 1px 3px #ccc;}
.gallery .gallery-item figcaption{padding:5px 0;}
.gallery .gallery-item .wp-caption-text, .wp-caption .wp-caption-text{text-align: center;font-size:14px;color:#666;}
.gallery .gallery-item .gallery-icon{overflow: hidden;}
.gallery .gallery-item .gallery-icon img{transition: all ease .3s;}
.gallery .gallery-item .gallery-icon:hover img{transform: scale(1.1);}

.py-6{padding:100px 0;}
.bgf{background-color: #fff;;}

@media (min-width:1439.98px) {
    .container{max-width: 1440px;}
}

@media (min-width: 1199.98px) {                       
    .big-gallery{height: 600px !important}
    .gallery{gap: 2px;}
    .gallery .gallery-item{background-color: #fff;display: flex;flex-direction: column;justify-content: center;}
    .gallery .gallery-icon{height: 80%;display: flex;justify-content: center;align-items: center;}

    .container{
        max-width: 1200px;
    }        
    .nb .wrap1{height: 400px;border:2px solid #CBFFDB;;position: absolute;
        width:calc(100% + 100px);left: 0;top:0;
        padding:30px;
    }
    .btitle .tit1{font-size:40px;}    

    ul.pro-desc.c2{display: grid;grid-template-columns: 50% 50%;gap: 10px;}
    .ad{padding:100px 0;}
}

@media (min-width: 1023.98px) {    
    .big-gallery{height: 400px;}

    #sw2 .inner-box{position: absolute;left: 70px;top:27%;z-index: 999;background: #fff;max-width: 400px;padding:2em;box-shadow: 3px 3px 3px #666;}
    #sw2 .inner-box h3{border-bottom: 1px solid #333;margin:0;padding:15px 0;font-weight: bold;font-size: 30px;color:#0678be}
    #sw2 .inner-box p{margin:0;padding:15px 0 0 0;line-height: 2em;color:#666;}
    .page-content{min-height: 600px;}
}

@media (min-width: 767.98px) {             
    .top-phone{padding-top: 10px;display: flex;justify-content: flex-end;align-items: center; line-height: 100%;}
    /* .top-phone .top-phone-text{} */
    .top-phone .top-phone-img img{max-width: 50px;}
    .top-phone .top-phone-text span{color:#666;font-size:14px;}
    .top-phone .top-phone-text strong{font-size:24px;line-height: 30px;color:#000;}
    /* .top-change .container{max-width: 1140px;} */
    .top-menu{padding:0;height: 100%;align-items: center;}        
    .top-menu .navbar-nav>.nav-item>a:link,
    .top-menu .navbar-nav>.nav-item>a:visited{color:#333;font-size:16px;}
    .top-menu h1{font-size:30px;font-weight: bold;}
    .top-menu .navbar-nav{width:100%;justify-content:flex-end;gap: 1px;} 
    .top-menu .navbar-nav>.nav-item{font-size:16px;height: 100%;}
    .top-menu .navbar-nav>.nav-item>.nav-link{display: block;padding:0 15px;position: relative;text-align: center;
        height: 55px;line-height: 55px;transform: perspective(1px) translateZ(0);    
    }
    .top-menu .navbar-nav>.nav-item>.nav-link::before{
        content:'';
        height: 100%;width:100%;
        position: absolute;
        transition-property: transform;        
        left:0;bottom:0;
        z-index: -1;
        transform: scaleX(0);
        transition: all ease .5s;        
        background: #009900;
        transform-origin: 0 50%; 
    }
    
    .top-menu .navbar-nav>.nav-item:hover>.nav-link::before{transform: scaleX(1);opacity: 1;}
    .top-menu .navbar-nav>.nav-item>.nav-link:hover{color:#fff;}   
    .top-menu .navbar-nav>.nav-item:hover>a.nav-link{color:#fff !important;;}     
    .top-menu .navbar-nav>.active>a.nav-link{color:#fff !important;background-color: #009900;} 
    
    .top-menu .navbar-nav>.nav-item:hover>.dropdown-menu{transform: scaleY(1);}
    .top-menu .navbar-nav>.nav-item>.dropdown-menu{width:100%;display: block;border-radius: 0;padding:0;margin:0;border:0;box-shadow: 1px 1px 3px #666;
        background-clip:border-box;transition: all ease .3s;transform: scaleY(0);transform-origin: 50% 0%;}
    .top-menu .navbar-nav>.nav-item>.dropdown-menu a{padding:10px;text-align: center;font-size: 14px;}
    .top-menu .navbar-nav>.nav-item>.dropdown-menu a:not(:last-child){border-bottom: 1px solid #f1f1f1;}
    
    .dropdown-item.active, .dropdown-item:active{background-color: #009900;}    
    .big-gallery{height: 300px;}
 }


 @media (max-width: 1024px){
    .nb4 .item{flex-direction: column;}
    .nb4 .item .pic img{width:100%;}
    .nb4 .row>div:nth-child(odd) .item .pic{order: 1;}
    .nb4 .item .text{padding-bottom: 15px;}
 }

 @media (max-width: 768px) {      
    .home-about .wrap-img img{width:100%;}
    .top-menu .navbar-nav>.nav-item>a:link, .top-menu .navbar-nav>.nav-item>a:visited{font-size:14px;}
    .nb1 .control dl::before{display: none;}
    .nb1 .inner-box{padding:15px 15px 25px 15px;text-align: center;background: #fff;}
    .nb1 .inner-box p{color:#666;}
    .nb1 .inner-box h3{font-size:18px;font-weight: bold;}
    .catlist ul li a::before{display: none;}
    .catlist ul li a{font-size:14px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;padding:10px}    
    .gd{padding-top:15px;}
    .hnews1 .item{margin-top: 15px;}
    .banner .img-inner{height: 60vh;}
    /* .top-menu{justify-content: flex-end} */
    .logo{align-items: flex-start;}
}


 @media (max-width: 575.98px) {      
     .title span{display: none;}
     .home4 .item{margin-bottom: 15px;}
     .home4 .item .img-wrap img{width:100%;}
    .silder1{display: none;}    
    .navbar-brand{display: block;max-width: 80%;}
    .logo,.banner-search{display: none;}
    .top .container,.top .container-fluid{padding:0;}         
     .top-menu{padding:5px 0;}
     .top-menu .navbar-nav>.nav-item>a:link, .top-menu .navbar-nav>.nav-item>a:visited{font-size: 1rem !important}
     .top-menu .navbar-nav li{border-bottom: 1px solid #0678be;}
     .home4 .col-md-4{margin-bottom: 15px;}
     .xm{padding-top:15px !important;}     
     .navbar-toggler{position: absolute;right: 0px;top:10px;}
     .navbar-toggler .fa{color:#0678be;font-size:30px;}          
     .header .container-fluid{padding-left:0 !important}        
     .newsbox{padding-top: 15px;}
     .home2 .xm li::before{display: none;}      
     .btitle .tit1{font-size:40px;top:22px}     
     .py-6{padding:30px 0;}
     .pro-nav ul{display: grid;grid-template-columns: 50% 50%;gap: 15px;}
    .nb .col-md-6{padding-top:15px}    
     .nb2list ul{flex-wrap: wrap !important;}
     .nb2 ul li{width:50%;}
     .nb2 ul li:nth-child(even){background-image: none;}
     .home-honor .item{margin-bottom: 15px;}
     .catlist ul{flex-wrap: wrap;justify-content: flex-start;}
     
     .fw .icon-list{flex-wrap: wrap;}
     .fw .icon-list>dl:nth-child(even){background: none;}
     .fw .icon-list dl{width:49%;}
     .nb1 .control dt,.nb1 .control dd{font-size:14px;}
     .nb1 .control dd{padding-top:5px;}
     #sw2 .swiper-slide img{max-width: 100%;}
     .home-about .nb3 .item .tit{font-weight: normal;font-size:16px;padding: 0 5px;}
     .archive-news .img img{width:100%;}
     .top{padding:0 !important}
     .top .container{padding:0 15px;}
    .banner .img-inner{height: 50vh;}
    @keyframes bgani{
        0%{background-size: auto 100%;}
        100%{background-size: auto 110%;}
    }
    
    .banner .ani-wrap{position: absolute;top:50%;left: 50%;z-index: 999;transform: translateY(-30%) translateX(-50%);}
    .banner .ani-text{text-align: center;color:#fff;text-shadow: 1px 1px 1px #333;} 
    .banner .ani-text .t1{font-size:20px;}
    .banner .ani-text .t2{text-transform: uppercase;font-size:14px;}
    .banner .ani-text .t3{font-size:14px;}
    .banner .ani-text .t4{padding-top: 30px;}
    .banner .ani-text .t4 a{width:70px;height: 70px;border-radius: 50%;color:#fff;background-color: #fff;display: block;
        text-align: center;line-height: 70px;margin:auto;font-weight: bold;color:#666;text-shadow: none;
    }
    .banner .ani-text .line{width:100px;height: 1px;border-top: 1px solid #fff;margin:14px auto}
    .home-about h1{padding:15px 0;font-size:26px;}    
    .ad1 {display: none;}
    
}


/*客服代码*/
@media (min-width:768px){
    .kf{display: flex;position: fixed;right: 0;top:50%;flex-direction: column;z-index: 999;}
    .kf dl{margin:0;padding:0;list-style-type: none;margin-bottom: 1px;position: relative;display:flex;flex-direction: row-reverse;}
    .kf dt{text-align: center;width:50px;height: 50px;;line-height: 50px;font-size:20px;position: relative;z-index: 999;cursor: pointer;background: #0678be;color:#fff;}
    .kf dt a{display: block;background: #0678be;color:#fff;}
    .kf dt a:hover{background: #1C1C1C;}
    .kf dd{background: #f1f1f1;margin-right: 15px;line-height: 50px;padding:0 10px;position: relative;
        color:#666;font-size:14px;transition: all ease .3s;transform: translateX(100%);opacity: 0;
    }
    .kf dd::after{content: '';position: absolute;width:0;height: 0;top:50%;right:-5px;transform: translateY(-50%);
        border-left: 5px solid #f1f1f1;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }
    .kf dd a:link,.kf dd a:visited{color:#006699;}
    .kf dl:hover dt{background: #f1f1f1;}
    .kf dl:hover dd{transform: translateX(0);opacity: 1;}
}

@media (max-width: 767px) {
    .kf{position: fixed; bottom: 0;left: 0; background: #0678be;color:#fff;width:100vw;display: flex;justify-content: space-around;z-index: 999;}
    .kf dl{margin:0;padding:0;width:100%;}        
    .kf dl:not(:last-child){border-right: 1px solid #ddd;}
    .kf dt{text-align: center;padding:5px;color:#0066cc;font-size:18px;}
    .kf dt a{color:#fff;}
    .kf dd{text-align: center;margin:0;padding:0;font-size:14px;color:#fff;padding-bottom: 5px;}
    .phone-menu{position: fixed;background: #0678be;color:#fff;height: 100vh;width:60vw; z-index: 998;left: 0;top:0;
        display: flex; flex-direction: column;box-shadow: 1px 1px 3px #ccc;transition: all ease .3s;transform: translateX(-110%);}
    .phone-menu .navbar-nav{margin:0;padding:0;list-style-type: none;width:100%;padding:10px;box-sizing: border-box;}
    .phone-menu .navbar-nav>li{margin-bottom: 5px;}
    .phone-menu .navbar-nav>li>a{display: block;font-size:18px;text-decoration: none;background-color:#006699;color:#fff;padding:15px;text-align: center;border-radius: 5px;}
    .phone-search{padding:5px;}
    .phone-search label{font-size:14px;color:#666;}
    .phone-menu.show{transform: translateX(0);}
}